<!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="utf-8" />
    <meta name="keywords" content="库客音乐,古典音乐,正版音乐,kuke music">
    <meta name="description" content="库客音乐专注于国内古典音乐发展，拥有海量正版古典音乐资源，为用户提供正版音乐，致力于推动国内古典音乐的发展。">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,IE=IE9" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
    <title><%= htmlWebpackPlugin.options.title %></title>
    <!--[if lte IE 9]><div class="IE-text">尊敬的用户您好，由于您的浏览器版本较低，为了你更好的体验。<br/>1、建议您升级浏览器版本。<br/>2、 推荐使用：谷歌、火狐、360等其他双核浏览器进行访问</div><![endif]-->
    <style>
      * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      }
      *:before,
      *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      }
      body,
      div,
      dl,
      dt,
      dd,
      ul,
      ol,
      li,
      h1,
      h2,
      h3,
      h4,
      h5,
      h6,
      pre,
      code,
      form,
      fieldset,
      legend,
      input,
      button,
      textarea,
      p,
      blockquote,
      th,
      td {
        margin: 0;
        padding: 0;
      }
      ol,
      ul,
      li {
        list-style: none;
        font-weight: 500;
      }
      h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-weight: bold;
        font-size: 100%;
        color: #000000;
    }
    address,
      caption,
      cite,
      code,
      dfn,
      em,
      strong,
      th,
      var {
        font-style: normal;
        font-weight: normal;
      }
      a {
        color: #999999;
        text-decoration: none;
      }
      a:hover {
        text-decoration: underline;
      }
      img {
        border: none;
        vertical-align: middle;
      }
    table {
        border-collapse: collapse;
    }
      body {
        background: #fff;
        color: #000000;
        /* font-size: 16px; */
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 400;
      }
      /* html {
        overflow-y: scroll;
      } */
      .clearfix:before,
      .clearfix:after {
        content: " ";
        display: inline-block;
        height: 0;
        clear: both;
        visibility: hidden;
      }
      .clearfix {
        *zoom: 1;
      }
      .IE-text {
        text-align: center;
        color: #fff;
        line-height: 24px;
        background: rgb(56, 180, 230);
      }
    </style>
  </head>
  <body>
    <noscript>
      <strong
        >We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work
        properly without JavaScript enabled. Please enable it to
        continue.</strong
      >
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>
